<template>
	<view class="hptj_content">
			<view class="Statistics" v-for="(item,index) in Statistics_bigList" :key="index">
				<view class="Statistics_bigTitle">
					<image v-bind:src="item.bigIcon_url" class='hptj_img' mode="heightFix"></image>
					<text>{{item.bigStatistics}}</text>
				</view>
					<view class="Statistics_smallTitle" v-for="(items,childIndex) in Statistics_bigList[index].Statistics_smallList"  @click="fn(items)" >
						<image v-bind:src="items.smallIcon_url" class='hptj_img' mode="heightFix"></image>
						<text>{{items.smallStatistics}}</text>
					</view>
				</view>
			</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				Statistics_bigList:[
					{
						bigStatistics: "进销存统计",
						bigIcon_url:"/static/statistical1.png",
						Statistics_smallList:[
							{
								smallStatistics:"库存总量",
								smallIcon_url:"/static/statistical1-1.png",
								fn_url:'./kczl/kczl'
							},
							{
								smallStatistics:"入库数量",
								smallIcon_url:"/static/statistical1-2.png",
								fn_url:'./rksl/rksl'
							},
							{
								smallStatistics:"出库数量",
								smallIcon_url:"/static/statistical1-3.png",
								fn_url:'./cksl/cksl'
							},
						]
					},
					{
						bigStatistics: "人员统计",
						bigIcon_url:"/static/statistical2.png",
						Statistics_smallList:[
							{
								smallStatistics:"员工数量",
								smallIcon_url:"/static/statistical2-1.png",
								fn_url:'./ygsl/ygsl'
							},
							{
								smallStatistics:"供应商数量",
								smallIcon_url:"/static/statistical2-2.png",
								fn_url:'./gyssl/gyssl'
							},
							{
								smallStatistics:"客户数量",
								smallIcon_url:"/static/statistical2-3.png",
								fn_url:'./khsl/khsl'
							},
						]
					},
					{
						bigStatistics: "账目流水",
						bigIcon_url:"/static/statistical3.png",
						Statistics_smallList:[
							{
								smallStatistics:"总账",
								smallIcon_url:"/static/statistical3-1.png",
								fn_url:'./zongzhang/zongzhang'
							},
							{
								smallStatistics:"分账",
								smallIcon_url:"/static/statistical3-2.png",
								fn_url:'./fenzhang/fenzhang'
							},
						]
					},
				],
			}
		},
		methods:{
		 fn(items){
		 	uni.navigateTo({
		 		url:items.fn_url
		 	})
		 },
		}
	}
	
</script>

<style>
	.hptj_content{
		height: 50vh;
		background-color: #f3f3f3;
	}
	.Statistics{
		background-color: white;
		height: 300rpx;
		width: 100%;
		margin-bottom: 20rpx;
	}
	.Statistics_bigTitle{
		width:100%;
		height: 100rpx;
		line-height: 100rpx;
		padding-left: 20rpx;
		font-size: 34rpx;
		font-weight: bold;
	}
	.Statistics_bigTitle text{
		display: inline-block;
		vertical-align: middle;
	}
	.hptj_img{
		display: inline-block;
		height: 40rpx;
		margin-right: 20rpx;
		vertical-align: middle;
	}
	.Statistics_smallTitle{
		width: 50%;
		display: inline-block;
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		font-weight: bold;
		font-size: 32rpx;
	}
</style>